@charset "utf-8";
@import "common/reset";
 @function p($px){
    @return $px/2+px;
} 

.mobile{
    width: 100%;
    section{
        width: 100%;
//      display: flex;
//      flex-direction: column;
        .content{
            padding: p(15);
//          height: p(600);
//          flex:auto;
//          display: flex;
//          flex-direction: column;
//          justify-content: space-between;
//          background: #f9f4f4;
            .PendantSeries{
                width: 100%;
                height: p(178);
                display: flex;
                flex-direction: row;
                margin-bottom: p(17);
                .img{
                    width: p(352);
                    height: p(178);
                    img{
                        width: 100%;
                    }
                }
                .ri{
//                  width: 100%;
                    flex: auto;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    background: #FFFFFF;
                    .tu{
                        font-size: 0;
                        position: relative;
                        img{
                            width: p(184);
                            position: relative;
                            height: p(59);
                        }
                        &::before{
                            content: "戒指系列";
                            display: block;
                            color: white;
                            font-size: p(23);
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%,-50%);
                            z-index: 1;
                        }
                        
                    }
                    .tu_two{
                        &::before{
                            content: "戒指系列";
                            display: block;
                            color: white;
                            font-size: p(23);
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%,-50%);
                            z-index: 1;
                        }
                    }//tu_two
                    .tu_three{
                        &::before{
                            content: "耳环系列";
                            display: block;
                            color: white;
                            font-size: p(23);
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%,-50%);
                            z-index: 1;
                        }
                    }//tu_three
                }
            }//PendantSeries
        }//content
    }
}//mobile
